@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0; outline:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
	font-family:"Droid Sans","Droidsansfallback","Microsoft YaHei",Arial,sans-serif; 
	font-size:1em;
	color:#3c3c3c;
}

img { 
	border:0px;
	}
a { 
	text-decoration:none;
	}
.clear{
	clear:both;
	float:none;
	}
/*=================== 公共 ===================*/	

/*>=1024*/
@media screen and (min-width:1024px){
	#page{ 
	margin:0 auto; 
	padding:0; 
	width: 740px; 
	background:#eeeeee; 
	overflow:hidden;
	}
	#pageB{ 
	margin:0 auto; 
	padding:0; 
	width: 740px; 
	background:#FFF; 
	}
	#pageC{ 
	margin:0 auto; 
	padding:0; 
	width: 740px; 
	background:#eeeeee; 
	overflow:hidden;
	position: absolute;
    bottom: 0;
    top: 0;
	}
}
/*<1024*/
@media screen and (max-width:1023px){
	#page{  
	margin:0 auto; 
	padding:0; 
	width: 100%; 
	background:#eeeeee; 
	overflow:hidden;
	}
	#pageB{  
	margin:0 auto; 
	padding:0; 
	width: 100%; 
	background:#FFF; 
	overflow:hidden;
	}
	#pageC{ 
	margin:0 auto; 
	padding:0; 
	width: 100%; 
	background:#eeeeee; 
	overflow:hidden;
	position: absolute;
    bottom: 0;
    top: 0;
	}
}


/*=================A00==================*/


#banner{ }

.content01{ margin:10px 0px 0px 0px; padding:10px 15px; height:100%; background:#FFF; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.content02{ margin:0px; padding:10px 15px; height:100%; background:#FFF;}
.titimgdiv{ float:left; line-height:2em; width:10%; margin-right:10px;}
.titimgdiv img{ width:100%; vertical-align:middle;}
.title{ float:left; width:85%; background:#FFF; color:#000; font-size:1.2em; line-height:2em;}
.title2{ background:#FFF; color:#000; font-size:1.2em; line-height:2em;}

.i-icon{ background:#FFF; padding:1em 0;}
.i-icon ul li { float:left; width:15%; margin:0 4% 0 5.5%; list-style-type:none; font-size:0.8em}
.i-icon ul li a{ display:block; height:100%; width:100%; text-indent:-200px; border-radius:0.3em;}
.i-icon ul li a img{ display:block; width:100%;}



#btnimgbox{ 
	float:left; 
	width:100%; 
	text-align:center; 
	background:#FFF; 
	border-bottom:1px solid #d9d9d9; 
	cursor:pointer;
	}
.btntext{
	margin-top:10px;
	margin-bottom:15px;
	font-size:0.8em;
	}

.headertit{
	font-size:1.5em;
	line-height:2em;
	color:#000;
	border-bottom:5px #de332c solid;
	}
.listtipimg{
	float:left;
	margin:15px 10px 15px 0px;
	width:6px;
	height:18px;
	background:#4f9cee;
	}
.listtit{
	float:left;
	margin:12px 0px;
	color:#000;
	}

.listcontent{
	padding-left:16px;
	color:#525252;
	line-height:1.5em;
	font-size:0.9em;
	}



.listnum{padding-left:18px; margin:5px 0px;}
.listnum ul li { width:100%; list-style-type:none; color:#525252; font-size:0.9em; line-height:1.5em;}
.numdiv{
	float:left;
	width:10%;
	max-width:30px;
	}
.numdiv p{
	width:1.6em;
	height:1.6em;
	line-height:1.6em;
	background:#4e9dec;
	border-radius:0.8em;
	color:#ffffff;
	font-size:0.8em;
	text-align:center;
	vertical-align:middle;
	}
.textdiv{
	float:left;
	width:90%;
	}


/*=================B00==================*/
.tzlist{
	line-height:3em;
	font-size:1em;
	
}

.tzlistdiv1 {
	float:left;
	background:#FFF;
	width:15%;
	border-bottom:1px #eaeaea solid;
	}
.tzlistdiv2 {
	float:left;
	background:#FFF;
	width:85%;
	border-bottom:1px #eaeaea solid;
	cursor:pointer;
	}
	
	
	
	
/*=================C00==================*/
.bluebg{
	min-height:19.5em;
	margin:0;
	padding:5%;
	background: -moz-linear-gradient(top, #afc5e1 0%, #7c9cc4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afc5e1), color-stop(100%,#7c9cc4));
    background: -webkit-linear-gradient(top, #afc5e1 0%,#7c9cc4 100%);
    background: -o-linear-gradient(top, #afc5e1 0%,#7c9cc4 100%);
    background: -ms-linear-gradient(top, #afc5e1 0%,#7c9cc4 100%);
    background: linear-gradient(to bottom, #afc5e1 0%,#7c9cc4 100%);
	}
.cardbg{
	float:left;
	padding:5% 8%;
	margin:0 10px 0 -10px;
	width:84%;
	min-height:16em;
	border-radius:0.5em;
	background:#FFF;
	box-shadow: 0px 3px 10px #7f7f7f;
	}
.cardbg2{
	margin:5%;
	padding:5% 8%;
	width:74%;
	border-radius:0.5em;
	background:#FFF;
	box-shadow: 0px 3px 10px #7f7f7f;
	}
.cardbg3{
	margin:2%;
	padding:5%;
	width:86%;
	}
.cardtit{
	margin:0 0 8% 0;
	color:#3b3b3b;
	line-height:1.5em;
	text-align:center;
	height:0.8em;
	border-bottom:1px solid #dcdcdc;
	}
.cardtit span{
	padding:0 15px;
	}
.cardInputdiv{
	margin:3% 0;
	}
.cardbtndiv{
	margin:5% 0 2% 0;
	}
.cardInput{
	width:96%;
	padding:0 2%;
	line-height:3.5em;
	border:0px solid #d6d6d6;
	border-radius:0.3em;
	background:#f2f2f2;
	color:#3b3b3b;
	text-indent:5px;
	font-size:0.8em;
	}
.cardInputtit{
	line-height:1.5em;
	font-size:0.8em;
	}
.codeInput{
	float:left;
	width:60%;
	padding:0 2%;
	line-height:3.5em;
	border:0px solid #d6d6d6;
	border-radius:0.3em;
	background:#f2f2f2;
	color:#3b3b3b;
	text-indent:5px;
	font-size:0.8em;
	}
.codetext{
	width:30%; 
	color:#009cff; 
	margin-left:3%; 
	line-height:2em;
	font-size:1.5em;
	cursor:pointer;
	}
.cardbtn{
	width:100%;
	line-height:3em;
	border:0px solid #d6d6d6;
	border-radius:0.3em;
	background:#f31c1c;
	color:#fff;
	cursor:pointer;
	}
.cardbtn2{
	width:30%;
	line-height:3em;
	border:0px solid #d6d6d6;
	border-radius:0.3em;
	background:#f31c1c;
	color:#fff;
	cursor:pointer;
	}
.pagination{
	width:100%;
	text-align:center;
	position: absolute;
    z-index: 20;
    left: 0px;
	}
.pagination span{
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #fff;
    margin-right: 8px;
    cursor: pointer;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    opacity: 0.8;
    position: relative;
    top:10px;
	}
.codenum{
	margin:5%;
	padding:3% 2%;
	width:86%;
	border-radius:0.3em;
	background:#f8f8f8;
	border:1px solid #d5d5d5;
	}
.codenumspan{
	margin-left:3%;
	color:#009cff;
	}
.tiptext01{
	text-align:center;
	font-size:1em;
	line-height:2em;
	}
.tiptext02{
	text-align:center;
	font-size:0.5em;
	line-height:2em;
	}
.tipimgdiv{
	width:96%; 
	margin:4% 2%;
	text-align:center;
	}
.tipimgdiv img{
	width:100%; 
	}

/*=================D00==================*/


.stepInfo{
	position:relative;
	background:#f2f2f2;
	width:100%;
	}
.stepInfoLi01{
	float:left;
	width:16%;
	height:0.4em;
	background:#676a6f;
	}
.stepInfoLi02{
	float:left;
	width:16%;
	height:0.4em;
	background:#4c9800;
	}
.stepIco,.stepIcos{
	position:absolute;
	padding:0.1em;
	border-radius:1.2em;
	width:1.2em;
	height:1.2em;
	font-size:0.9em;
	text-align:center;
	line-height:1.2em;
	color:#fff; 
	}
.stepIco{
	background:#4c9800;
	}
.stepIcos{
	background:#676a6f;
	}
.stepIco1{top:-0.7em;left:-1%;}
.stepIco2{top:-0.7em;left:15%;}
.stepIco3{top:-0.7em;left:31%;}
.stepIco4{top:-0.7em;left:47%;}
.stepIco5{top:-0.7em;left:63%;}
.stepIco6{top:-0.7em;left:79%;}
.stepIco7{top:-0.7em;left:95%;}
.stepText{
	color:#666;
	margin-top:1em;
	width:4em;
	font-size:0.8em;
	text-align:center;
	margin-left:-1.4em;
	}
.stepTexts{
	color:#4c9802;
	margin-top:1em;
	width:4em;
	font-size:0.8em;
	text-align:center;
	margin-left:-1.4em;
	}




